/**
* @file  AttrbuitesArea
* @author xiao_xie
* @date 2025-03-13
*/


import { Segmented } from 'antd';
import React from 'react';
import Attrbuites from '../../../components/Editor/AttrbuitesArea/Attrbuites';
import Styles from '../../../components/Editor/AttrbuitesArea/Styles';
import Events from '../../../components/Editor/AttrbuitesArea/Events';

const  AttrbuitesArea:React.FC = () => {
  const [key, setKey] = React.useState<string>('属性');

  return <div>
      <Segmented options={['属性', '样式', '高级']} block onChange={setKey} />
      <div className='mt-4'>
          {
              key === '属性' && <Attrbuites />
          }
          {
              key === '样式' && <Styles />
          }
          {
              key === '高级' && <Events />
          }
      </div>
  </div>;
};
export default  AttrbuitesArea;
